{% extends '::base.html.twig' %}
{% block title %}Edición de Usuarios{% endblock %}
{% block greensectiontitle %}Usuario{% endblock %}

{% block greensectionbody %}

<form id="editForm" action="{{ entity.id ? path('persona_update', { 'id': entity.id }) : path('persona_create') }}" method="post" {{ form_enctype(edit_form) }}>
  
    {{ form_errors(edit_form.cedula)}}
    {{ form_errors(edit_form.pasaporte)}}
    {{ form_errors(edit_form.apellido)}}
    {{ form_errors(edit_form.nombre)}}
    {{ form_errors(edit_form.telefono)}}
    {{ form_errors(edit_form.usuario.email)}}
    {{ form_errors(edit_form) }}
    {{ form_errors(edit_form.usuario.username) }}    
        
     
        
     <h5 style="color: red">* Campos Obligatorios</h5>
     
    
    <div style="color: red">
        {{ form_label(edit_form.tipoIdentificacion,'Tipo de Identificacion') }}
        {{ form_widget(edit_form.tipoIdentificacion) }}* <br> <br>
        {{ form_label(edit_form.cedula, 'Cedula')}}{{ form_widget(edit_form.cedula)}}*<cn style = "color: black" > (10 caracteres, solo números)</cn><br>
        {{ form_label(edit_form.pasaporte, 'Pasaporte') }}{{ form_widget(edit_form.pasaporte) }}*<cn style = "color: black" > (maximo10 caracteres, solo números y letras)</cn><br>
        {{ form_label(edit_form.apellido, 'Apellido') }}{{ form_widget(edit_form.apellido) }}*<cn style = "color: black" > (solo letras)</cn><br>
        {{ form_label(edit_form.nombre, 'Nombre') }}{{ form_widget(edit_form.nombre) }}* <cn style = "color: black" > (solo letras)</cn><br>    
    </div>

        {{ form_label(edit_form.telefono, 'Telefono') }}{{ form_widget(edit_form.telefono) }}<br>


    <div style="color: red">
        {{ form_label(edit_form.usuario.email, 'Email') }}{{ form_widget(edit_form.usuario.email)}}*<br>

        {% if (entity.id == null  and entity.usuario.id == null)%}    
            {{ form_label(edit_form.usuario.plainPassword.children['clave'])}}
            {{ form_widget(edit_form.usuario.plainPassword.children['clave'])}}* <br>
            {{ form_label(edit_form.usuario.plainPassword.children['Repita clave'])}}
            {{ form_widget(edit_form.usuario.plainPassword.children['Repita clave'])}}*
        {% endif %}

        {% if  (entity.id == null) or (entity.usuario.username == app.user.username)%}    
            {{ form_widget(edit_form.usuario.plainPassword) }}
        {% endif %}


        <br>
        {{ form_label(edit_form.usuario.username, 'Nombre de Usuario') }}{{ form_widget(edit_form.usuario.username) }}*<br>
        <br>

        {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
            {{ form_row(edit_form.usuario.roles) }}
        {%endif%}

        {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
            {{ form_label(edit_form.usuario.enabled,'Habilitado') }}
            {{ form_widget(edit_form.usuario.enabled) }}
        {%endif%}
    </div>
    
    
    
   <div id="controls">
        <a id="saveButton" href="#">Guardar</a>
        {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
            <a href="{{ path('persona') }}">Cancelar</a>
        {% else %} 
            <a href="{{ path('inicio') }}">Cancelar</a> 
        {%endif%}
        
        
        
    </div>
   
</form>
{% endblock %}

{% block javascripts %}
<script type="text/javascript">
    
    jQuery('#unl_homologacionbundle_personatype_tipoIdentificacion').change(function() {
        
            var comboValue = jQuery('#unl_homologacionbundle_personatype_tipoIdentificacion').val();
            var inputPasaporte = jQuery('#unl_homologacionbundle_personatype_pasaporte');
            var inputCedula = jQuery('#unl_homologacionbundle_personatype_cedula');
            if (comboValue === "pasaporte") {
                inputPasaporte.removeAttr('disabled');
                inputCedula.attr('disabled',true);
            } else {
                inputCedula.removeAttr('disabled');
                inputPasaporte.attr('disabled',true);
            }
     });    
     
      $(document).ready( function() {
     var comboValue = jQuery('#unl_homologacionbundle_personatype_tipoIdentificacion').val();
            var inputPasaporte = jQuery('#unl_homologacionbundle_personatype_pasaporte');
            var inputCedula = jQuery('#unl_homologacionbundle_personatype_cedula');
            if (comboValue === "pasaporte") {
                inputPasaporte.removeAttr('disabled');
                inputCedula.attr('disabled',true);
            } else {
                inputCedula.removeAttr('disabled');
                inputPasaporte.attr('disabled',true);
            }
    });
     
     

</script>
{% endblock %}




